<div class="blue navbar navbar-static nomargin">
    <div class="navbar-inner">
        <div class="container" style="width: auto;">
            <a class="brand" href="http://drink.sutrix.com"><img src="./images/logo.png"></a>
            <ul class="nav pull-left">
                <li><a href="http://drink.sutrix.com/#"><i class="icon-xlarge icon-cog"></i></a></li>
                <li class="divider-vertical"></li>
                <li><a href="http://drink.sutrix.com/#"><i class="icon-xlarge icon-wrench"></i></a></li>
                <li class="divider-vertical"></li>
                <li><a href="http://drink.sutrix.com/#"><i class="icon-xlarge icon-globe"></i></a></li>
            </ul>

            <!-- top navbar search -->
            <form id="formSearch" class="navbar-search pull-left" action="">
                <div class="input-prepend input-append">
                    <span class="add-on"><i class="icon-large icon-search"></i></span><input id="appendedPrependedSearch" class="span3" size="16" type="text"><div class="add-on add-on-custom add-on-primary">
                        <div class="btn-group btn-group-prep">
                            <button class="btn btn-inverse">Search</button>
                            <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li><a href="http://drink.sutrix.com/#"><i class="icon-th-large"></i> Templates</a></li>
                                <li><a href="http://drink.sutrix.com/#"><i class="icon-th-large"></i> Gigs</a></li>
                                <li><a href="http://drink.sutrix.com/#"><i class="icon-th-large"></i> Projects</a></li>
                                <li><a href="http://drink.sutrix.com/#"><i class="icon-th-large"></i> Forum Topics</a></li>
                                <li><a href="http://drink.sutrix.com/#"><i class="icon-th-large"></i> Blog Posts</a></li>
                                <li><a href="http://drink.sutrix.com/#"><i class="icon-th-large"></i> Users</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </form>
            <!-- ./top navbar search -->

            <!-- user dropdown -->
            <ul class="nav pull-right">
                <li class="dropdown">
                    <a href="http://drink.sutrix.com/#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-xlarge icon-user"></i> <b class="caret"></b></a>
                    <ul class="dropdown-menu dropdown-user-account">
                        <li class="account-img-container">
                            <img class="thumb account-img" src="./images/07(1).png">
                        </li>
                        <li class="account-info">
                            <h3>{{ userInfo.name }} - {{ userInfo.username }}</h3>
                            <p>yeu dong chi, yeu dong bao, doan ket tot, ky luat tot.</p>
                            <p><a href="http://drink.sutrix.com/#">Edit</a> | <a href="http://drink.sutrix.com/#">Privacy Settings</a></p>
                        </li>
                        <li class="account-footer">
                            <div class="row-fluid">
                                <div class="span8">
                                    <a class="btn btn-primary btn-small" href="/front/index/editprofile">Edit profile</a> <a class="btn btn-primary btn-small" href="#">View profile</a>
                                </div>
                                <div class="span4 align-right">
                                    <a class="btn btn-danger btn-small" href="/front/login/logout">Logout</a>
                                </div>
                            </div>									
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- ./ user dropdown -->

        </div>
    </div>
</div>
